<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="sys" tagdir="/WEB-INF/tags/sys" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!
DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>超市账单管理系统</title>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/style.css"/>
     <script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	function yanzheng() {
		var userCode = $("#userCode").val();
		if (userCode == null || userCode == "") {
			$("#MsgUserCode").html("用户编码不能为空！");
			return;
		} else {
			$.ajax({
				"url" : "yanZhengUserCodeExists.do",
				"type" : "get",
				"data" : "userCode=" + userCode,
				"dataType" : "json",
				"success" : function(data) {
				//alert(data);
					if (data.msg == "exist") {
						$("#MsgUserCode").html("该用户名已存在！");
					} else {
						$("#MsgUserCode").html("该用户名可以使用！");
					}
				}
			})

		}
	}
</script>
</head>
<body>
<!--头部-->
<header class="publicHeader">
    <h1>超市账单管理系统</h1>

    <div class="publicHeaderR">
        <p><span>下午好！</span><span style="color: #fff21b"> ${USER.userName }</span> , 欢迎你！</p>
        <a href="user-login.do?opr=loginOut">退出</a>
    </div>
</header>
<!--时间-->
<section class="publicTime">
    <span id="time">2015年1月1日 11:11  星期一</span>
    <a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
</section>
<!--主体内容-->
<section class="publicMian ">
    <div class="left">
        <h2 class="leftH2"><span class="span1"></span>功能列表 <span></span></h2>
        <nav>
            <ul class="list">
                <li><a href="bill-getBillList.do">账单管理</a></li>
                <li><a href="provider-getProviderList.do">供应商管理</a></li>
                <li id="active"><a href="user-getUserList.do">用户管理</a></li>
                <li><a href="user-updatePwd.do?opr=show">密码修改</a></li>
                <li><a href="user-login.do?opr=loginOut">退出系统</a></li>
            </ul>
        </nav>
    </div>
    <div class="right">
        <div class="location">
            <strong>你现在所在的位置是:</strong>
            <span>用户管理页面 >> 用户添加页面</span>
        </div>
        <div class="providerAdd">
            <form action="user-addUser.do?opr=add" id="form3" method="post" enctype="multipart/form-data">
                <!--div的class 为error是验证错误，ok是验证成功-->
                <div class="">
                    <label for="userId">用户编码：</label>
                    <input type="text" name="userCode" id="userCode" onblur="yanzheng()" />
                    <span id="MsgUserCode">*请输入用户编码，且不能重复</span>
                </div>
                <div>
                    <label for="userName">用户名称：</label>
                    <input type="text" name="userName" id="userName"/>
                    <span >*请输入用户名称</span>
                </div>
                <div>
                    <label for="userpassword">用户密码：</label>
                    <input type="text" name="userPassword" id="userpassword"/>
                    <span>*密码长度必须大于6位小于20位</span>

                </div>
                <div>
                    <label for="userRemi">确认密码：</label>
                    <input type="text" name="userRemi" id="userRemi"/>
                    <span>*请输入确认密码</span>
                </div>
                <div>
                    <label >用户性别：</label>
					<sys:select cls="formselect" name="MODULE_TYPE" typeCode="HOME_MODULE_TYPE" defaultValue="3" />
                    <select name="gender">
                        <option value="2" selected="selected">男</option>
                        <option value="1">女</option>
                    </select>
                    <span></span>
                </div>
                <div>
                    <label for="data">出生日期：</label>
                    <input type="text" name="birthday" id="data"/>
                    <span >*</span>
                </div>
                <div>
                    <label for="userphone">用户电话：</label>
                    <input type="text" name="phone" id="userphone"/>
                    <span >*</span>
                </div>
                <div>
                    <label for="userAddress">用户地址：</label>
                    <input type="text" name="address" id="userAddress"/>
                </div>
                <div>
                    <label >用户类型：</label>
                    <c:forEach items="${roleList }" var="r">
							<input type="radio" name="userRole" value="${r.id}" ${r.id==1?'checked':'' }/>${r.roleName }
					</c:forEach>

                </div>
                <div>
                    <label for="picPath">大头照：</label>
                    <input type="file" name="picture" id="picPath"/>
                    <span >*</span>
                </div>
                <div>
                    <label for="picPath">证件照：</label>
                    <input type="file" name="picture" id="picPath"/>
                    <span >*</span>
                </div>
                <div class="providerAddBtn">
                    <!--<a href="#">保存</a>-->
                    <!--<a href="userList.html">返回</a>-->
                    <input type="button" value="保存" onclick="javascript:document.forms['form3'].submit()" />
                    <input type="button" value="返回" onclick="history.back(-1)"/>
                </div>
            </form>
        </div>

    </div>
</section>
<footer class="footer">
    版权归卓尔科技
</footer>
<script src="js/time.js"></script>

</body>
</html>